/* Required for full background image */
html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 100vh;
  }
}

.top-nav-collapse {
  background-color: #563e91 !important;
}

.navbar:not(.top-nav-collapse) {
  background: transparent !important;
}

@media (max-width: 991px) {
  .navbar:not(.top-nav-collapse) {
    background: #563e91 !important;
  }
}

.rgba-gradient {
    /* fallback for old browsers */
    background: rgba(35, 7, 77, 0.6);
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: -webkit-linear-gradient(to right, rgba(204, 83, 51, 0.6), rgba(35, 7, 77, 0.6));*/
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
   /* background: linear-gradient(to right, rgba(204, 83, 51, 0.6), rgba(35, 7, 77, 0.6));*/
   /* background: -webkit-linear-gradient(to right, rgba(142,192,228, 0.6), rgba(254,200,201, 0.6));
   background: linear-gradient(to right, rgba(142,192,228, 0.6), rgba(254,200,201, 0.6)); */
   background: -moz-linear-gradient(45deg, rgba(31,78,95,0.8), rgba(254,67,101, 0.8) 100%);
  background: -webkit-linear-gradient(45deg, rgba(31,78,953, 0.8), rgba(254,67,101,0.8) 100%);
  background: linear-gradient(to 45deg, rgba(31,78,95,0.8), rgba(254,67,101, 0.8) 100%);
}